<template>
	<view>
		<view class="bigbox">
			<Message></Message>
			<Message></Message>
			<Message></Message>
			<Message></Message>
		</view>
		<view class="line">
			<!-- <text>我是有底线的</text> -->
			<BottomText></BottomText>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	import http from "../../utils/http";
	import Message from '../MyMessage/Message.vue'
	import BottomText from '../../components/BottomText/BottomText.vue'

	let messList = ref([])
	
	//请求组件的函数
	const getMess=function(){
		http({
			url:'/play/list',
			method:'get'
		}).then((data)=>{
			console.log(data);
			if(data.code==0){
				
			}
		})
	}
	onMounted(()=>{
		getMess()
	})
	
</script>

<style lang="less">
	.bigbox {
		margin-top: 50rpx;
		width: 750rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
</style>
